﻿@charset "utf-8";
/* CSS Document */
/***
 */
*{font-size:9pt;border:0;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body{font-family:'微软雅黑'; margin:0 auto;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
img{border:0;}
dl,dt,dd,span{margin:0;padding:0;display:block;}
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#00a4ac;text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}
cite{font-style:normal;}
h2{font-weight:normal;}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width:3px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(255,0,0,0.4);
}


/*cloud*/
#rightFrame{position:fixed;width:100%;height:100%;padding-left:187px;padding-top:88px;border:none;z-index:30}
#mainBody {width:100%;height:100%;position:absolute;z-index:-1;}
.cloud {position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/cloud.png) no-repeat;z-index:1;opacity:0.5;}
#cloud2 {z-index:2;}
.loading{position:fixed;left:50%;top:110px;z-index:33;display:none}
.cuttle{position:fixed;left:187px;top:50%;z-index:42;cursor:pointer}


/*top*/
.header{height:88px;width:100%;min-width:1100px;position:fixed;left:0px;top:0px;z-index:50;background:url(../images/topbg.gif) repeat-x;}
.topleft{height:88px;background:url(../images/topleft.jpg) no-repeat;float:left; width:300px;}
.topleft img{margin-top:9px;margin-left:10px;}
.topright{height:88px;float:right;}
.nav{float:left;}
.nav li{float:left;width:87px;height:88px; text-align:center;}
.nav li a{display:block;width:87px;height:88px;-moz-transition: none; transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; }
.nav li a.selected{background:url(../images/navbg.png) no-repeat;}
.nav li a:hover{display:block;background:#000;color:#fff;background: none repeat scroll 0% 0% rgb(43, 127, 181);}
.nav li img{margin-top:10px;width:45px;height:45px;}
.nav li a{display:block;}
.nav a h2{font-size:14px;color:#d6e8f1;}
.nav a:hover h2{color:#fff;}
.topright ul{padding-top:15px; float:right; padding-right:12px;}
.topright ul li{float:left; }
.topright ul>li+li:before{content:'┊';padding-left:7px; padding-right:7px;color:#333;height:12px;overflow:hidden;display:inline-block}
.topright ul li a{font-size:13px; color:#e9f2f7;}
.topright ul li a:hover{color:#fff;}
.topright ul li span{margin-top:2px;float:left;padding-right:3px;}
.user{height:30px;background:url(../images/ub1.png) repeat-x;clear:both;margin-top:10px;float:right; margin-right:12px;border-radius:30px;white-space:nowrap;position:relative;behavior:url(PIE.htc);width: 160px;}
.user span{display:inline-block;padding-right:5px; line-height:30px; font-size:14px; padding-left:15px;color:#C5A223}
.user span:last-of-type{padding-left:0px;color:#b8ceda;}

/*left*/
.left_menu{width:187px;position:fixed;height:100%;left:0px;top:0px;padding-top:88px;z-index:40;}
.left_menu_box{width:100%;height:100%;overflow: auto;overflow-x: hidden;background:url(../images/leftline.gif) repeat-y right;}
.lefttop{background:#3c95c8;height:40px;color:#fff;font-size:14px;line-height:40px;float: left;width: 100%;}
.lefttop span{margin-left:8px; margin-top:10px;margin-right:8px; background:url(../images/leftico.png) no-repeat; width:20px; height:21px;float:left;}
.leftmenu .title{width:100%;height:35px;float:left;background:#d4e7f0;border-bottom:1px solid #b9cad3;position:relative;padding-left:12px;}
.leftmenu .title i{color:#6BB4D5;font-size: 15px;position:absolute;left:10px;top:9px}
.leftmenu dd{line-height:35px;font-weight:bold;font-size:14px;border-right:solid 1px #b7d5df;}
.leftmenu dd .title span{float:left;margin:4px 8px 0 12px;}
.leftmenu dd .menuson{display:none;float:left;width:100%;}
.leftmenu dd:first-child .menuson{display:block;}
.menuson {line-height:30px; font-weight:normal; }
.menuson li{cursor:pointer;border-left:3px solid #FFF;}
.menuson li.active{position:relative;line-height:30px; color:#fff;background:#3eafe0;border-left:3px solid #ea2020;}
.menuson li span{display:block; float:left; margin-left:10px; border-width:4px;border-color:transparent transparent transparent #000;border-style:solid; width:0px; height:0px; margin-top:11px;}
.menuson li.active span{border-width:4px;border-color:transparent transparent transparent #FFF;border-style:solid}
.menuson li.active i{display:block;border-width:6px;border-color:transparent #FFF transparent transparent;border-style:solid;width:0px; height:0px; position:absolute; right:0;z-index:10000; top:9px; right:-1px;}
.menuson li a{ display:block; *display:inline; *padding-top:5px;white-space: nowrap;overflow:hidden;}
.menuson li.active a{color:#fff;}
.title{cursor:pointer;}